<style type="text/css">
  body{
    background-color:#EDFEB8;
  }
  table{
    background-color:#E7FEA0;
    border-left:2px solid green;
    border-top:2px solid green;
  }
  thead{
    background-color:#DBFE72;
  }

  th,td{
    font-size:20px;
    font-family:arial;
    padding:10px;
    color:green;
    border-right:2px solid green;
    border-bottom:2px solid green;
  }

  input[type="text"],
  input[type="password"],
  input[type="file"],
  input[type="email"],
  input[type="date"],
  textarea,select{
    font-size:20px;
    background-color:#F2FFCA;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    border:1px solid #B8F400 ;
    color:green;
    width:300px;
    border-radius:20px;
  }

  input[type="submit"]{
    width:150px;
    color:white;
    background:black;
    font-size:20px;
    height:50px;
    border:1px solid #B8F400;
    border-radius:10px;
  }
  input[type="submit"]:hover{
    background:green;
    color:black;
    cursor:pointer;
    font-size:22px;
  }


</style>

  <form action="" method="post">

    <table  border="0" cellspacing="0" cellpadding="0" align="center" width="80%">
      <thead>
        <tr>
          <th colspan="2">Please fill the details below..</th>
        </tr>
      </thead>

      <tbody>


        <tr>
          <td align="right">Name :</td>
          <td><input type="text" required placeholder="My name is..."
                name="user_name"/>
          </td>
        </tr>

        <tr>
          <td align="right">Email :</td>
          <td>  <input
                  type="email"
                  required
                  placeholder="My email is..."
                  name="email"/>
          </td>
        </tr>

        <tr>
          <td align="right">Password :</td>
          <td>  <input
                  type="password"
                  required
                  placeholder="My password is..."
                  name="password"/>
          </td>
        </tr>

        <tr>
          <td align="right">Confirm Password :</td>
          <td>  <input
                  type="password"
                  required
                  placeholder="Re type password is..."
                  name="c_password"/>
          </td>
        </tr>

        <tr>
          <td align="right">Gender :</td>
          <td><label><input type="radio" required
              name="gender"/> Male</label>
            <label><input type="radio" required checked
              name="gender"/> Female</label>
          </td>
        </tr>

        <tr>
          <td align="right">Date Of Birth :</td>
          <td><input
                type="date"
                required
                placeholder="22/09/2013"
                name="dob"/>

          </td>
        </tr>

        <tr>
          <td align="right">Address :</td>
          <td>  <textarea
                name="address"
                cols="10"
                rows="5"
                placeholder="My address is"
                id="addressId" ></textarea>
          </td>
        </tr>

        <tr>
          <td align="right">Country :</td>
          <td>  <select name="country">
                <option value="">--Select--</option>
                <option value="in">India</option>
                <option selected value="pk">Pakistan</option>
                <option value="np">Nepal</option>
                <option value="bh">Bhutan</option>
                <option value="bn">Bangladesh</option>
                <option value="sl">Srilanka</option>
                <option value="ch">China</option>
              </select>
          </td>
        </tr>

        <tr>
          <td align="right">Languages :</td>
          <td>  <select multiple size="4" name="lang">
                <option value="hi">Hindi</option>
                <option value="en">English</option>
                <option value="pu">Punjabi</option>
                <option value="ur">Urdu</option>
                <option value="gj">Gujrati</option>
                <option value="tm">Tamil</option>
                <option value="tl">Telgu</option>
              </select>
          </td>
        </tr>

        <tr>
          <td align="right">Avatar :</td>
          <td>  <input
                type="file"
                required
                placeholder="Upload file"
                name="avatar"/>
          </td>
        </tr>

        <tr>
          <td>&nbsp;</td>
          <td><input type="submit" value="I am done!!" /></td>
        </tr>

      </tbody>
    </table>
  </form>
